Ext.ns("CRM.SPComp");

(function(){
	
	var win;
	 
    CRM.SPComp.showPrintOpportunityWindow = function (griddata){
    	
		var win;
		var opportunityHeader = {
    			xtype 	: 'fieldset', 
    			height 	: 35,
		   		width  	: 700,
    			border 	: false, 
    			align 	: 'center',
    			layout	: 'column',
    			items 	:[{
						     border 	: false,
					    	 autoScroll : true,
					    	 layout 	:'table', 
					    	 layoutConfig : {columns : 8 },
					    	 items		:[{
											xtype 	: 'container', 
											layout 	: 'form',
											width 	: 180,
											items 	: [{ xtype : 'label', html :'<b>Period:</b>'},
											      	   { xtype:'label',id:'period'}]
										 },
										 {
												xtype 	: 'container',
												layout 	: 'form',
												width	: 180,
												items 	: [{ xtype : 'label', html :'<b>From Date:</b>'},{ xtype:'label',id:'frDate',margins  : '0 0 0 15'}]
									     },
										 {
												xtype 	: 'container', 
												layout 	: 'form',
												width 	: 180,
												items 	: [{ xtype : 'label', html :'<b>To Date:</b>'},{ xtype:'label',id:'tDate',margins  : '0 0 0 15'}]
										 },
										 {
												xtype 	: 'container',
												layout 	: 'form',
												width 	: 180,
												items 	: [{ xtype : 'label', html :'<b>Stage Type:</b>'},{ xtype:'label',id:'stageLabel',margins  : '0 0 0 15'}]
									     },
									     {
												xtype 	: 'container',
												layout 	: 'form',
												width	: 180,
												items 	: [{ xtype : 'label', html :'<b>Status Type:</b>'},{ xtype:'label',id:'statusLabel'}]
									     }]
								}]
			
    	 };
		
		 var pagingToolBar =  {
                 xtype      :'paging',
                 displayInfo:true,
                 pageSize   : 2
         };

		 var opportunityDetail = Ext.apply({}, { 
       	  height  : 330,
		  width   : 890,
       	  layout  : 'column',
       	  items   : [CRM.commons.createGrid('opportunitiesReportSearchGrid', griddata, CRM.SPComp.createOpportunityColumnModel())],
          bbar    : { 
				       xtype       : 'toolbar',
		               buttonAlign : 'right',
		               items : [pagingToolBar,
		                        '-',
		                        {
					               xtype  : 'button',
					               text   : 'Print',
					               width  : 80,
					               align  : 'left',
					               id     : 'print',
					               handler : function(){ window.print();}
			                     },'-',
							    {
			                      xtype   : 'button',
			                      width   : 80,
			                      id	  : 'cancelButton',
			                      text    : 'Cancel',
			                      handler : function(){win.close();}
			                    },'-'
                    ]
	            }
          }, opportunityHeader);
		 
			
		 
		 var reportContainer = {
         		  xtype 	: 'container',
         		  layout 	: 'vbox',
         		  height 	: 500,
         		  width 	: 880,
         		  layoutConfig : {align 	: 'stretch' },
         		  items 	: [opportunityHeader,opportunityDetail]
         		};


			 var mainPanel = new Ext.Panel({
	             renderTo    : Ext.getBody(),
	             id          : 'mainPanel',
	             layout      : 'border',
	             height      : 550,
	             width       : 880,
	             frame       : false,
	             items       : [{ xtype : 'panel', region : 'north',id : 'northPeriod', height : 30, width :'100%',
	            	              frame : false, html : '<H1 align="center" font-size:20px>Opportunity Report</H1> '
			 	                },
	                            { xtype:'panel', region: 'center',id:'centerPeriod',frame : false,items:[reportContainer]}
			 	               ]
	         });
			 
			 
        	    win = new Ext.Window({
        		   id     		: 'reportWindow',
        		   title  		: 'Create Report Window',
        		   width  		: 900,
        		   height 		: 420,
        		   layout 		: 'fit',
        		   border 		: true,
               	   plain  		: false,
                   closable     : true,
               	   collapsible  : true,
               	   animCollapse : true,
               	   draggable    : true,
               	   maximizable  : false,
               	   onEsc	    : true,
               	   model	    : true,
               	   items        : [mainPanel]
               	});
        	 
        	
        		win.show(this);
        		return win; 
        	};
        	
        	
        	//var fromDate = Ext.getCmp('fromDate'); 
        	//alert(fromDate);
        	//Ext.getCmp('from').setValue(fromDate);
     
        	
})();

